/* index.less 文件内容 */
.agreement {
  background-color: #f8f8f8;
  border-radius: 8px;
}

.order-item {
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 10px 15px;
  position: relative;
  // height: 118px;
}

.order-item-id,
.order-item-name,
.order-item-quantity,
.order-item-total,
.order-item-status,
.order {
  margin-bottom: 10px;
  color: #333;
}

.order-item-id:before,
.order-item-name:before,
.order-item-quantity:before,
.order-item-total:before,
.order-item-status:before,
.order {
  font-weight: bold;
  content: attr(data-label) ":\00a0";
  /* \00a0 是一个不间断空格 */
  margin-right: 5px;
}

.no-data {
  text-align: center;
}

.statusOrder {
  position: absolute;
  bottom: 10px;
  right: 10px;

  padding: 4px;
  border-radius: 8px;
  color: #fff;
  width: 90px;
  text-align: center;
}

.statusOrder.approved {
  border: 1px solid #11bc79;
  background-color: #11bc79;
}

.statusOrder.rejected {
  border: 1px solid red;
  background-color: red;
}

.statusOrder.pending {
  border: 1px solid  #add8e6;
  background-color:  #add8e6;
  // color: #333;
}

// .order-item-id:before { content: "订单号"; }
// .order-item-name:before { content: "商品名称"; }
// .order-item-quantity:before { content: "数量"; }
// .order-item-total:before { content: "总价"; }
// .order-item-status:before { content: "订单状态"; }